//循环一些常用间距
@for $i from 0 through 100 {
.ml#{$i} {
  margin-left: (1px* $i) !important;
  }
.mr#{$i} {
  margin-right: (1px* $i) !important;
  }
.mt#{$i} {
  margin-top: (1px* $i) !important;
  }
.mb#{$i} {
  margin-bottom: (1px* $i) !important;
  }
.pl#{$i} {
  padding-left: (1px* $i) !important;
  }
.pr#{$i} {
  padding-right: (1px* $i) !important;
  }
.pt#{$i} {
  padding-top: (1px* $i) !important;
  }
.pb#{$i} {
  padding-bottom: (1px* $i) !important;
  }
}
//循环flex-basis
@for $i from 75 through 80 {
.fb#{$i} {
  flex-basis: (1px* $i) !important;
  }
}
//min-width
@for $i from 95 through 100 {
.minWidth#{$i} {
  min-width: (1px* $i) !important;
  }
}
@for $i from 8 through 80 {
  .ft#{$i} {
    font-size: (1px* $i) !important;
  }
}
@for $i from 10 through 100 {
  .percent#{$i} {
    width: (1%* $i) !important;
  }
}
@for $i from 10 through 100 {
  .h#{$i} {
    height: (1px* $i) !important;
  }
}
